<#-- @ftlvariable name="entity" type="com.xci.edu.core.entity.EduStudentPeriodDetails" -->
<#include "/sys/_layout.ftl">
<!doctype html>
<html>
<head>
    <@pageHeader/>
</head>
<body>
<@pageLoading/>
<div class="jxpanel jx-overflow-no winpanel" data-options="fit:true">
    <div class="jxtabs jxtabs-line" data-options="{fit:true}">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-basic" data-toggle="tab">基本信息</a></li>
            <li><a href="#tab-history" class="jxTabHistroyLog" data-toggle="tab">操作日志</a></li>
        </ul>
        <div class="tab-content">
            <div id="tab-basic" class="tab-pane jx-overflow-auto fade in active">
                <table id="basic" class="table table-bordered jxtable-details">
                    <tr>
                        <th class="w-100px">主键</th>
                        <td>${entity.id}</td>
                    </tr>
                    <tr>
                        <th>课件主键</th>
                        <td>${entity.coursewareId}</td>
                    </tr>
                    <tr>
                        <th>课件名称</th>
                        <td>${entity.coursewareName}</td>
                    </tr>
                    <tr>
                        <th>学员主键</th>
                        <td>${entity.studentId}</td>
                    </tr>
                    <tr>
                        <th>学员姓名</th>
                        <td>${entity.studentName}</td>
                    </tr>
                    <tr>
                        <th>学习方式</th>
                        <td>${entity.studyCategory}</td>
                    </tr>
                    <tr>
                        <th>IP地址</th>
                        <td>${entity.ip}</td>
                    </tr>
                    <tr>
                        <th>签到时间</th>
                        <td>${entity.signInDateTime}</td>
                    </tr>
                    <tr>
                        <th>签退时间</th>
                        <td>${entity.signOutDateTime}</td>
                    </tr>
                    <tr>
                        <th>学习时长(秒)</th>
                        <td>${entity.period}</td>
                    </tr>
                    <tr>
                        <th>操作时间</th>
                        <td>${entity.operateDateTime}</td>
                    </tr>
                    <tr>
                        <th>操作日期</th>
                        <td>${entity.operateDate}</td>
                    </tr>
                </table>
            </div>
            <div id="tab-history" class="tab-pane jx-overflow-auto fade">
                <@tabHistroyLog tableName="EduStudentPeriodDetails" primaryKey=entity.id/>
            </div>
        </div>
    </div>
</div>
<@pageFooter/>
</body>
</html>
